<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>线索详情</title>
    <link rel="icon" href="favicon.ico" type="images/ico">
    <meta name="author" content="dc">
    <link rel="stylesheet" type="text/css" href="/css/materialdesignicons.min.css">
    <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="/css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="/css/style.min.css">
    <link href="/js/bootstrap-table/bootstrap-table.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="/js/jquery-confirm/jquery-confirm.min.css"/>
    <!--时间选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css"/>
    <!--日期选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datepicker/bootstrap-datepicker3.min.css"/>
    <!-- 多选下拉 -->
    <link rel="stylesheet" href="/css/bootstrap-multiselect.css" type="text/css"/>
    <link rel="stylesheet" href="/css/bootstrap-select.css" type="text/css"/>
    <link rel="stylesheet" href="/css/skin.css"/>
    <link rel="stylesheet" href="/css/cluePoolManager/user/clueDetail.css"/>
    <style type="text/css">
        .detail-tag .bootstrap-tagsinput {
            height: auto;
            min-height: 30px;
            padding: 0;
            border: none;
            display: inline-block;
        }

        input.tagsinput {
            border: none;
        }
    </style>
    <script th:inline="javascript">
        var clue = [[${clue}]];
        console.log(clue);
    </script>
</head>
<body>
<div class="container-fluid clue-page">
    <div class="card">
        <div class="card-header">
            <h1>线索详情</h1>
            <div class="card-actions pull-right">
                <button class="btn btn-link" id="editInfo" data-toggle="modal" data-target="#editInfoModal" style="background: #4460f1;color: #FFFFFF;">编辑 <i class="mdi mdi-tune"></i></button>
                <button type="button" class="btn btn-label btn-default" id="backBtn"><label><i class="mdi mdi-keyboard-backspace"></i></label>返回线索清单</button>
            </div>
        </div>
        <div class="card-body">
            <!-- 线索基础属性 -->
            <!--<h5 style="font-weight: bold;margin-bottom: 20px;">线索基础属性</h5>-->
            <!-- 显示模式 -->
            <div class="base" id="showContent">
                <!--线索主键-->
                <input type="hidden" id="tabType" name="tabType" th:value="1"/>
                <input type="hidden" id="clueId" name="clueId" th:value="${clueId}"/>
                <input type="hidden" id="poolId" name="poolId" th:value="${clue.cluePoolPrivateId}"/>
                <div class="base-item" style="width: 50%">公司名称：<span class="text" th:text="${clue.companyName}"></span></div>
            </div>

            <div class="large-wrap">
                <div class="every-whole">
                    <p>评级信息：</p>
                    <div class="table-simulation">
                        <div class="base-item">线索评级：<span class="text" th:text="${clue.ratingValue}"></span></div>
                        <div class="base-item">线索来源：<span class="text" th:text="${clue.sourceValue}"></span></div>
                        <div class="base-item">客户类别：<span class="text" th:text="${clue.clientCategoriesValue}"></span></div>
                        <div class="base-item">客户级别：<span class="text" th:text="${clue.clientLevelValue}"></span></div>
<!--                        <div class="base-item">标签：<span class="text" th:text="${clue.tag}"></span></div>-->
                        <div class="base-item detail-tag" style="width: 100%">标签：
                            <input type="text" name="tagName" data-role="tagsinput" placeholder="输入标签，回车确认" th:value="${clue?.tag}" id="tag" class="tagsinput">
                        </div>
                    </div>
                </div>
                <div class="every-whole">
                    <p>联系信息：</p>
                    <div class="table-simulation">
                        <div class="base-item">联系人：<span class="text" th:text="${clue.contactPerson}"></span></div>
                        <div class="base-item">性别：<span class="text" th:text="${clue.sexValue}"></span></div>
                        <div class="base-item">职务：<span class="text" th:text="${clue.job}"></span></div>
                        <div class="base-item">联系电话：<span class="text" th:text="${clue.contactPersonPhone}"></span></div>
                    </div>
                </div>
                <div class="every-whole">
                    <p>公司信息：</p>
                    <div class="table-simulation">
                        <div class="base-item">公司邮箱：<span class="text" th:text="${clue.companyEmail}"></span></div>
                        <div class="base-item">社会信用码：<span class="text" th:text="${clue.unifiedSocialCreditCode}"></span></div>
                        <div class="base-item">行业：<span class="text" th:text="${clue.industryValue}"></span></div>
                        <div class="base-item">公司规模：<span class="text" th:text="${clue.companySizeValue}"></span></div>
                        <div class="base-item">公司网址：<span class="text" th:text="${clue.companyWebsite}"></span></div>
                        <div class="base-item">注册号：<span class="text" th:text="${clue.registrationNumber}"></span></div>
                        <div class="base-item">组织机构代码：<span class="text" th:text="${clue.organizationCode}"></span></div>
                        <div class="base-item">公司类型：<span class="text" th:text="${clue.companyTypeValue}"></span></div>
                        <div class="base-item">法定代表人：<span class="text" th:text="${clue.legalRepresentative}"></span></div>
                        <div class="base-item">对外手机：<span class="text" th:text="${clue.enterpriseExternalPhone}"></span></div>
                        <div class="base-item">对外座机：<span class="text" th:text="${clue.enterpriseExternalLandline}"></span></div>
                        <div class="base-item">注册资本：<span class="text" th:text="${clue.registeredCapital}"></span>万元</div>
                        <div class="base-item">微信：<span class="text" th:text="${clue.wechat}"></span></div>
                        <div class="base-item">注册时间：<span class="text" th:text="${clue.registrationTimeFormat}"></span></div>
                        <div class="base-item">资本类型：<span class="text" th:text="${clue.capitalTypeValue}"></span></div>
                        <div class="base-item">企业状态：<span class="text" th:text="${clue.enterpriseStateValue}"></span></div>
                        <div class="base-item">参保人数：<span class="text" th:text="${clue.insuredNumber}"></span>人</div>

                        <div class="base-item">工商注册号：<span class="text" th:text="${clue.businessRegistrationNumber}"></span></div>
                        <div class="base-item">实缴资本：<span class="text" th:text="${clue.paidInCapital}"></span>万元</div>
                        <div class="base-item">纳税人识别号：<span class="text" th:text="${clue.taxpayerIdentificationNumber}"></span></div>
                        <div class="base-item">登记机关：<span class="text" th:text="${clue.registrationAuthority}"></span></div>
                        <div class="base-item">核准日期：<span class="text" th:text="${clue.approvedDateFormat}"></span></div>
                        <div class="base-item">成立日期：<span class="text" th:text="${clue.establishmentDateFormat}"></span></div>
                        <div class="base-item">进出口企业代码：<span class="text" th:text="${clue.importAndExportEnterpriseCode}"></span></div>

                        <div class="base-item">城市：<span class="text" th:text="${clue.provinceName}"></span><span class="text" th:text="${clue.cityName}"></span></div>
                        <div class="base-item widtn-large">企业地址：<span class="text" th:text="${clue.companyAddress}" th:title="${clue.companyAddress}"></span></div>

                        <div class="base-item widtn-large">经营范围：<span class="text" th:text="${clue.businessScope}" th:title="${clue.businessScope}"></span></div>
                        <div class="base-item widtn-large" style="width: 95%">备注：<span class="text" th:text="${clue.remark}" th:title="${clue.remark}"></span></div>
                    </div>
                </div>
            </div>



            <!-- 线索记录 -->
            <h5 style="font-weight: bold;margin-bottom: 20px;">线索记录</h5>
            <div style="display: flex;list-style: none;position: relative;">
                <div class="nav-item active" id="followUp" onclick="changeTable('followUp')">跟进记录</div>
                <div class="nav-item" id="visit" onclick="changeTable('visit')">拜访记录</div>
                <div class="nav-item" id="company" onclick="changeTable('company')">公司资料</div>
                <div class="nav-item" id="addpeople" onclick="changeTable('addpeople')">联系人</div>
                <!--<button class="btn btn-primary" style="position: absolute; top: 0;right: 40px;" onclick="convertToCustomer()">转化为客户</button>-->
            </div>
            <div class="" style="color: #000; margin-top: 20px;">
                <div class="tab-pane" id="followUpContent">
                    <table id="clue_follow_list_table"></table>
                </div>
                <div class="tab-pane " id="visitContent" style="padding:0 20px;">
                    <div class="row" style="width: 100%;">
<!--                        <div class="col-xs-3"><img src="" id="imgUrl" alt="" style="max-width: 80%;"></div>-->
                        <div class="col-xs-12">
                            <table id="clue_visite_list_table"></table>
                        </div>
                    </div>
                </div>
                <div class="tab-pane" id="notesContent">
                    notesContent
                </div>
                <div class="tab-pane" id="replenishContent" style="padding:0 20px;">
                    <button onclick="addPeople()" class="btn btn-primary btn-sm" style="float: right;margin-bottom: 16px;">新增联系人</button>
                    <table id="add_people_list_table" ></table>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 编辑线索详情 -->
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" id="editInfoModal">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                <h4 class="modal-title" id="myModalLabel">修改信息</h4>
            </div>
            <div class="modal-body" style="padding-bottom: 0;">
                <form id="editInfoForm" class="well form-well" autocomplete="off" style="padding-bottom: 0;">
                    <div class="row">
                        <div class="col-xs-4">
                            <label class="control-label label-required" for="">公司名称</label>
                            <div class="form-group">
                                <input type="text" id="companyName" class="form-control" placeholder="请输入公司名称" oninput="value=value.replace(/\\+|\~+|\!+|\@+|\#+|¥+|\￥+|\%+|\^+|\&+|\*+|\(+|\)+|\'+|\$+|`+|\“+|\”+|\‘+|\’+|\s+/g, '')" maxlength="20">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <label class="control-label" for="">联系人</label>
                            <div class="form-group">
                                <input type="text" id="contactPerson" class="form-control" placeholder="请输入联系人" oninput="value=value.replace(/\\+|\~+|\!+|\@+|\#+|¥+|\￥+|\%+|\^+|\&+|\*+|\(+|\)+|\'+|\$+|`+|\“+|\”+|\‘+|\’+|\s+/g, '')" maxlength="20">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <label class="control-label" for="">联系电话</label>
                            <div class="form-group">
                                <input type="text" id="contactPersonPhone" class="form-control phone" placeholder="请输入联系电话" oninput="value=value.replace(/[^\d]/g,'')" maxlength="11">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <label class="control-label" for="">性别</label>
                            <div class="form-group">
                                <label class="lyear-radio radio-inline radio-primary">
                                    <input type="radio" id="man" value="0" name="sex"><span>男</span>
                                </label>
                                <label class="lyear-radio radio-inline radio-primary">
                                    <input type="radio" id="femal" value="1" name="sex"><span>女</span>
                                </label>
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <label class="control-label">公司邮箱</label>
                            <div class="form-group">
                                <input type="text" id="companyEmail" class="form-control" placeholder="请输入公司邮箱">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <label class="control-label">职务</label>
                            <div class="form-group">
                                <input type="text" id="job" class="form-control" placeholder="请输入职务">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <label class="control-label" for="">线索评级</label>
                            <div class="form-group">
                                <select name="" class="form-control" id="rating" title="请选择">
<!--                                    <option value="">请选择线索评级</option>-->
                                    <option value="1">一级</option>
                                    <option value="2">二级</option>
                                    <option value="3">三级</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <label class="control-label label-required">线索来源</label>
                            <div class="form-group">
                                <select class="form-control" id="source" type="text" title="请选择">
<!--                                    <option value="">请选择</option>-->
                                    <option value="1">促销</option>
                                    <option value="2">搜索引擎</option>
                                    <option value="3">广告</option>
                                    <option value="4">转介绍</option>
                                    <option value="5">线上注册</option>
                                    <option value="6">线上询价</option>
                                    <option value="7">预约上门</option>
                                    <option value="8">陌拜</option>
                                    <option value="9">电话咨询</option>
                                    <option value="10">邮件咨询</option>
                                    <option value="11">其他</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <label class="control-label">客户类别</label>
                            <div class="form-group">
                                <select class="form-control" id="clientCategories" type="text" title="请选择">
<!--                                    <option value="">请选择客户类别</option>-->
                                    <option value="1">优</option>
                                    <option value="2">良</option>
                                    <option value="3">一般</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <label class="control-label">客户级别</label>
                            <div class="form-group">
                                <select class="form-control" id="clientLevel" type="text" title="请选择">
<!--                                    <option value="">请选择客户级别</option>-->
                                    <option value="1">A</option>
                                    <option value="2">B</option>
                                    <option value="3">C</option>
                                    <option value="4">D</option>
                                    <option value="5">E</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <label class="control-label label-required">社会信用码</label>
                            <div class="form-group">
                                <input type="text" id="unifiedSocialCreditCode" class="form-control" placeholder="请输入社会信用码" onkeyup="value=value.replace(/[^\w\.\/]/ig,'')" maxlength="18">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <label class="control-label">行业</label>
                            <div class="form-group">
                                <select class="form-control" id="industry" type="text" title="请选择">
<!--                                    <option value="">请选择行业</option>-->
                                    <option value="1">农、林、牧、渔业</option>
                                    <option value="2">采矿业</option>
                                    <option value="3">制造业</option>
                                    <option value="4">电力、热力、燃气及水生产和供应业</option>
                                    <option value="5">建筑业</option>
                                    <option value="6">批发和零售业</option>
                                    <option value="7">交通运输、仓储和邮政业</option>
                                    <option value="8">住宿和餐饮业</option>
                                    <option value="9">信息传输、软件和信息技术服务业</option>
                                    <option value="10">金融业</option>
                                    <option value="11">房地产业</option>
                                    <option value="12">租赁和商务服务业</option>
                                    <option value="13">科学研究和技术服务业</option>
                                    <option value="14">水利、环境和公共设施管理业</option>
                                    <option value="15">居民服务、修理和其他服务业</option>
                                    <option value="16">教育</option>
                                    <option value="17">卫生和社会工作</option>
                                    <option value="18">文化、体育和娱乐业</option>
                                    <option value="19">公共管理、社会保障和社会组织</option>
                                    <option value="20">国际组织</option>
                                    <option value="21">其他</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <label class="control-label" for="">公司规模</label>
                            <div class="form-group">
                                <select name="" id="companySize" class="form-control" type="text" title="请选择">
<!--                                    <option value="">请选择公司规模</option>-->
                                    <option value="1">0-20人</option>
                                    <option value="2">20-99人</option>
                                    <option value="3">100-499人</option>
                                    <option value="4">500-999人</option>
                                    <option value="5">1000-9999人</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <label class="control-label" for="">公司网址</label>
                            <div class="form-group">
                                <input type="text" id="companyWebsite" placeholder="请输入公司网址" class="form-control">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <label class="control-label">注册号</label>
                            <div class="form-group">
                                <input type="text" id="registrationNumber" class="form-control" placeholder="请输入注册号">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <label class="control-label">组织机构代码</label>
                            <div class="form-group">
                                <input type="text" id="organizationCode" class="form-control" placeholder="请输入组织机构代码">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <label class="control-label" for="">公司类型</label>
                            <div class="form-group">
                                <select name="" id="companyType" class="form-control" title="请选择">
<!--                                    <option value="">请选择公司类型</option>-->
                                    <option value="1">有限责任公司</option>
                                    <option value="2">股份有限公司</option>
                                    <option value="3">集体所有制</option>
                                    <option value="4">国有企业</option>
                                    <option value="5">个体工商户</option>
                                    <option value="6">个人独资企业</option>
                                    <option value="7">有限合伙</option>
                                    <option value="8">普通合伙</option>
                                    <option value="9">外商独资企业</option>
                                    <option value="10">港澳台</option>
                                    <option value="11">联营企业</option>
                                    <option value="12">私营企业</option>
                                    <option value="13">企业</option>
                                    <option value="14">事业单位</option>
                                    <option value="15">基金会</option>
                                    <option value="16">社会组织</option>
                                    <option value="17">律所</option>
                                    <option value="18">香港特别行政区企业</option>
                                    <option value="19">台湾省企业</option>
                                    <option value="20">独资企业</option>
                                    <option value="21">国企</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <label class="control-label">法定代表人</label>
                            <div class="form-group">
                                <input type="text" id="legalRepresentative" class="form-control" placeholder="请输入法定代表人">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <label class="control-label">对外手机</label>
                            <div class="form-group">
                                <input type="text" id="enterpriseExternalPhone" class="form-control" placeholder="请输入对外手机" oninput="value=value.replace(/[^\d]/g,'')" maxlength="11">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <label class="control-label">对外座机</label>
                            <div class="form-group">
                                <input type="text" id="enterpriseExternalLandline" class="form-control" placeholder="请输入对外座机" oninput="value=value.replace(/[^\d]/g,'')">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <label class="control-label" for="">注册资本</label>
                            <div class="form-group">
                                <div class="input-group">
                                    <input type="text" name="" id="registeredCapital" class="form-control">
                                    <span class="input-group-addon">万</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <label class="control-label">微信</label>
                            <div class="form-group">
                                <input type="text" id="wechat" class="form-control" placeholder="请输入微信">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <label class="control-label" for="">注册时间</label>
                            <div class="form-group">
                                <input type="text" name="" id="registrationTime" class="form-control" placeholder="请输入注册时间">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <label class="control-label">资本类型</label>
                            <div class="form-group">
                                <select class="form-control" id="capitalType" type="text" title="请选择">
<!--                                    <option value="">请选择资本类型</option>-->
                                    <option value="1">人民币</option>
                                    <option value="2">美元</option>
                                    <option value="3">其他</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <label class="control-label">企业状态</label>
                            <div class="form-group">
                                <select class="form-control" id="enterpriseState" type="text" title="请选择">
<!--                                    <option value="">请选择企业状态</option>-->
                                    <option value="1">在业</option>
                                    <option value="2">续存</option>
                                    <option value="3">吊销</option>
                                    <option value="4">注销</option>
                                    <option value="5">迁出</option>
                                    <option value="6">筹建</option>
                                    <option value="7">清算</option>
                                    <option value="8">迁入</option>
                                    <option value="9">停业</option>
                                    <option value="10">撤销</option>
                                    <option value="11">在业/存续</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <label class="control-label">参保人数</label>
                            <div class="form-group">
                                <input type="text" id="insuredNumber" class="form-control" placeholder="请输入参保人数" oninput="value=value.replace(/[^\d]/g,'')">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <label class="control-label">工商注册号</label>
                            <div class="form-group">
                                <input type="text" id="businessRegistrationNumber" class="form-control" placeholder="请输入工商注册号">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <label class="control-label">实缴资本</label>
                            <div class="form-group">
                                <div class="input-group">
                                    <input type="text" name="paidInCapital" id="paidInCapital" class="form-control" placeholder="请输入实缴资本">
                                    <span class="input-group-addon">万</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <label class="control-label">纳税人识别号</label>
                            <div class="form-group">
                                <input type="text" id="taxpayerIdentificationNumber" class="form-control" placeholder="请输入纳税人识别号">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <label class="control-label">登记机关</label>
                            <div class="form-group">
                                <input type="text" id="registrationAuthority" class="form-control" placeholder="请输入登记机关">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <label class="control-label">核准日期</label>
                            <div class="form-group">
                                <input type="text" id="approvedDate" class="form-control" placeholder="请选择核准日期">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <label class="control-label">成立日期</label>
                            <div class="form-group">
                                <input type="text" id="establishmentDate" class="form-control" placeholder="请选择成立日期">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <label class="control-label">进出口企业代码</label>
                            <div class="form-group">
                                <input type="text" id="importAndExportEnterpriseCode" class="form-control" placeholder="请输入企业代码">
                            </div>
                        </div>
                        <div class="col-xs-8">
                            <label class="control-label" for="">企业地址</label>
                            <div class="form-group">
                                <input type="text" name="" id="companyAddress" class="form-control" placeholder="请输入企业地址" maxlength="50">
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <label class="control-label">标签</label>
                            <div class="form-group">
                                <div style="width:100%;">
                                    <input type="text" name="staticPath" value="" id="staticPath2" class="form-control"/>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <label class="control-label">城市:</label>
                            <div class="form-group">
                                <select onchange="changeCity()" id="province" name="province"  class="form-control" type="text" title="请选择"  data-live-search="true"></select>
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <label class="control-label">&nbsp;</label>
                            <div class="form-group">
                                <select id="city" name="city" class="form-control" type="text" title="请选择"  data-live-search="true"></select>
                            </div>
                        </div>
                        <div class="col-xs-4">

                        </div>
                        <div class="col-xs-12">
                            <label class="control-label">经营范围</label>
                            <div class="form-group">
                                <textarea id="businessScope" class="form-control" placeholder="请输入经营范围"></textarea>
                            </div>
                        </div>
                        <div class="col-xs-12">
                            <label class="control-label" for="">备注</label>
                            <div class="form-group">
                                <textarea id="remark" class="form-control" oninput="value=value.replace(/\\+|\~+|\!+|\@+|\#+|¥+|\￥+|\%+|\^+|\&+|\*+|\(+|\)+|\'+|\$+|`+|\“+|\”+|\‘+|\’+|\s+/g, '')" maxlength="200"></textarea>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" onclick="editClue();">保存</button>
            </div>
        </div>
    </div>
</div>

<!-- 联系人弹层 -->
<div class="modal fade" tabindex="-1" role="dialog" id="peopleModel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <h4 style="line-height: 40px;font-size: 14px;font-weight: bold;">新增联系人</h4>
                <form class="form-horizontal" >
                    <div class="form-group">
                        <label class="col-sm-3 control-label">联系人姓名</label>
                        <div class="col-sm-9">
                            <input id="contact_name" name="contact_name" type="text" class="form-control" placeholder="请输入联系人姓名">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">职务</label>
                        <div class="col-sm-9">
                            <input id="contact_job" name="contact_job" type="text" class="form-control" placeholder="请输入职务">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">联系方式</label>
                        <div class="col-sm-9">
                            <input maxlength="20" name="contact_information" id="contact_information" type="text" class="form-control" placeholder="请输入联系方式">
                        </div>
                    </div>
                </form>
            </div>
            <div style="width: 100%;display: flex;justify-content: center;margin-bottom: 20px;">
                <div class="btn btn-primary" style="margin-right: 30px;" onclick="insertPeople()" >确定</div>
                <div class="btn btn-default" data-dismiss="modal">取消</div>
            </div>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>
<!--标签插件-->
<script src="/js/jquery-tags-input/jquery.tagsinput.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-tagsinput/bootstrap-tagsinput.js"></script>

<script type="text/javascript" src="/js/main.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="/js/popper.min.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.min.js"></script>
<!--时间选择插件-->
<script src="/js/bootstrap-datetimepicker/moment.min.js"></script>
<script src="/js/jquery-confirm/jquery-confirm.min.js"></script>
<script src="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script src="/js/bootstrap-datetimepicker/locale/zh-cn.js"></script>
<!--日期选择插件-->
<script src="/js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="/js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>

<!-- 多选框下拉 -->
<script type="text/javascript" src="/js/bootstrap-select.js"></script>
<script type="text/javascript" src="/js/bootstrap.lyear.dropdowntree.min.js"></script>
<!-- 城市数据 -->
<script src="/js/crm/common/city.js"></script>
<script src="/js/crm/common/common.js"></script>
<script src="/js/crm/cluePoolManager/user/userClueDeatil.js"></script>
</html>